<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>产品评论</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/comments.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/magnifier.js"></script>
		<script src="js/localStorge.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/comments_banner.js"></script>
		<script type="text/javascript" src="js/myjs.js"></script>
		<script type="text/javascript" src="js/pro_details.js"></script>
		<script type="text/javascript" src="js/banner.js" ></script>
	</head>
	<body style="background:#f0f0f0;">
	<header class="header">
		<div class="header_top ">
			<ul class="center">
				<li><p>欢迎光临宏恒腾商城</p></li>
				<li><a href="login.html">请登录</a></li>
				<li><a href="register.html">免费注册</a></li>
				<li><a href="user.html"><span class="glyphicon glyphicon-user"></span>&nbsp;我的宏恒</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-heart span_heart"></span>&nbsp;我关注的商品</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-heart span_heart"></span>&nbsp;消息</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-star"></span>&nbsp;收藏夹</a></li>
				<li class="dropdown">
				    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-th-list"></span>&nbsp;网站导航&nbsp;<b class="caret"></b></a>
					    <ol class="dropdown-menu">
							<li><a href="shop_list.html">商品列表</a></li>
							<li><a href="comments.html">商品评价</a></li>
							<li><a href="pay.html">支付</a></li>
							<li><a href="pay_successful.html">支付成功</a></li>
							<li><a href="pay_fail.html">支付失败</a></li>
							<li><a href="order_details.html">订单详情</a></li>
							<li><a href="confirm_order.html">确定订单页</a></li>
						</ol>
				</li>
			</ul>
		</div>

		<div class="header_middle center">
			<div class="logo">
				<a href="index.html"> 
					<img src="images/logo.png" alt="logo" />
				</a>
			</div>
			<div class="input_search">
				<from class="bs-example bs-example-form" role="form">
					<div class="input-group">
		                <input type="search" class="form-control" placeholder="请输入关键词...">
		                <span class="input-group-btn">
		                <button class="btn btn-default" type="button">搜&nbsp;&nbsp;索</button>
		              	</span>
		            </div>
		      	</from>
				<div class="search_keyword">
					<ul> 
						<li><a href="shop_list.html">电子狗</a></li>
						<li><a href="shop_list.html">行车记</a></li>
						<li><a href="shop_list.html">录车载蓝牙</a></li>
						<li><a href="shop_list.html">云后视镜</a></li>
						<li><a href="shop_list.html">GPS导航</a></li>
						<li><a href="shop_list.html">DVD导航 </a></li>
						<li><a href="shop_list.html">倒车后视</a></li>
					</ul>
				</div>
			</div>
			<div class="shopping">
				<a href="shop_cart.html"><span class="glyphicon glyphicon-shopping-cart"></span>我的购物车<b class="badge" id="car_num">0</b></a>
			</div>
		</div>
		
		<div class="header_bottom">
				<div class="center">
					<div class="nav_bar">
						<div class="nav"><a href="javascript:void(0)"><span>商品分类</span><i></i></a>
						</div>
						<ul class="sub_Menu clear">
							<li><a href="shop_list.html">宏恒电子狗<span>></span></a></li>
							<li><a href="shop_list.html">宏恒GPS导航<span>></span></a></li>
							<li><a href="shop_list.html">宏恒行车记录仪<span>></span></a></li>
							<li><a href="shop_list.html">雷达预警仪<span>></span></a></li>
							<li><a href="shop_list.html">黄金甲电子狗<span>></span></a></li>
							<li><a href="shop_list.html">麦哲龙行车记录仪<span>></span></a></li>
							<li><a href="shop_list.html">DVD导航<span>></span></a></li>
							<li><a href="shop_list.html">倒车后视<span>></span></a></li>
							<li><a href="shop_list.html">录车载蓝牙<span>></span></a></li>
							<li><a href="shop_list.html">行车电脑<span>></span></a></li>
							<li><a href="shop_list.html">行车一体机<span>></span></a></li>
						</ul>
					<div class="nav_list">	
						<ul>
							<li><a href="index.html" class="on">首页</a></li>
							<li><a href="shop_list.html">电子狗</a></li>
							<li><a href="shop_list.html">后视镜</a></li>
							<li><a href="shop_list.html">导航仪</a></li>
							<li><a href="shop_list.html">行车记</a></li>
							<li><a href="shop_list.html">会员中心</a></li>
							<li><a href="shop_list.html">CPS论坛</a></li>
						</ul>
					</div>	
				</div>
			</div>
		</div>	
	</header>
			<article class="center clear">
				<div class="content_left">
					<div class="title">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><span>&gt;</span></li>
							<li><a href="#">电子狗</a></li>
							<li><span>&gt;</span></li>
							<li>电子狗ZT326CC</li>
						</ul>
					</div>
					<div class="big_mirror clear">
						<div class="mirror_left">
							<ul>
								<li id="preview">
									<img src="images/pro_big_1.jpg">
									<div id="box1"></div>
								</li>
								
								<li><div id="big_view"></div></li>
								<li id="banner">
									<a href="javascript:;" id="prev">&lt;</a>
									<a href="javascript:;" id="next">&gt;</a>
									<div id="box">
										<ul>
											<li class="pro_img on"><img src="images/pro_big_2.jpg"></li>
											<li><img src="images/pro_big_3.jpg"></li>
											<li><img src="images/pro_big_4.jpg"></li>
											<li><img src="images/pro_big_2.jpg"></li>
											<li><img src="images/pro_big_3.jpg"></li>
										</ul>
									</div>
								</li>
							</ul>
						</div>		
						<div class="mirror_right">
							<h4 id="pro_name">电子狗ZT326CC</h4>
							<h4>安全预警仪固定流动 天气预报 实时路况二代云电子狗</h4>
							<p>支持货到付款，支持7天无理由退货，15天换货，售后无忧，请放心购买！</p>
							<ul>
								<li>价格：<s><em>￥</em>2999</s></li>
								<li>促销价：<em>￥</em><span id="pro_price">1999</span></li>
								<li>商品评价：<span>好评度99% </span><span>2378人评价</span></li>
								<li>月销量：<span>3000件</span></li>
								<li>配送至：<select name="" id=""><option value="">广州市天河区黄村街道99号</option></select></li>
								<li>数量：<label class="buy_num"><button class="decline">-</button><input class="number" type="text" value="1" onblur="changenum(this)"><button class="increase">+</button><span>剩余存货 100 件</span></label></li>
							</ul>
							<p><input type="submit" value="立即购买" id="add_pay" /><input type="submit" onclick="addPro()" value="加入购物车" id="add_cart"></p>
						</div>
					</div>
					<div class="content_middle clear">
						<div class="middle_left">
							<h4>搜索</h4>
							<form>
								<p class="p1"><label>关键字 : <input type="text"/></label></p>
								<p class="p2"><label>价格 : <input type="text" placeholder="￥500"/><em>—</em><input type="text" placeholder="￥1000"/></label></p>
								<p class="p3"><input type="submit" value="确定"></p>
							</form>
							<h4>相似商品</h4>
							<ul>
								<li><a href="#"><img src="images/pro_left_1.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span>
								</a>
								</li>
								<li><a href="#"><img src="images/pro_left_2.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span></li>
								<li><a href="#"><img src="images/pro_left_3.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span></li>
								<li><a href="#"><img src="images/pro_left_4.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span></li>
								<li><a href="#"><img src="images/pro_left_5.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span></a></li>
								<li><a href="#"><img src="images/pro_left_6.jpg" alt=""></a><p><a href="#">善领GT339SC汽车电子狗自动升级云狗</a></p><span><em>￥</em>999</span></li>
							</ul>					
						</div>
						<div class="middle_right">
							<div class="middle_top">
								<ul>
									<li><a href="pro_details.html">商品详情</a></li>
									<li><a href="javascript:void(0);">售后保障</a></li>
									<li><a href="comments.html" class="on" >商品评价<em>(1234+)</em></a></li>
								</ul>
							</div>
							<div class="comment_top">
								<h4>累计评价<em>1324</em></h4>
							</div>
							<div class="comment_list">
								<div class="list_left">
									<span>好评度</span>
									<i>99<em>%</em></i>
								</div>
								<ul>
									<li><a href="#">质量好(100)</a></li>
									<li><a href="#">服务不错(100)</a></li>
									<li><a href="#">功能正面(105)</a></li>
									<li><a href="#">物流快(207)</a></li>
									<li><a href="#">实惠(207)</a></li>
									<li><a href="#">外形正面(207)</a></li>
									<li><a href="#">功能负面(12)</a></li>
								</ul>
							</div>
							<div class="comment_kid">
								<label><input type="radio" name="" checked="checked" /><span>全部</span></label>
								<label><input type="radio" name=""/><span>追评(100)</span></label>
								<label><input type="radio" name=""/><span>好评(300)</span></label>
								<label><input type="radio" name=""/><span>中评(150)</span></label>
								<label><input type="radio" name=""/>
								<span>差评(15)</span></label>
								<select name="" id="">
									<option value=""> 
										按默认

									</option>
								</select>
							</div>
							<ul>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
											预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
	
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
								<li class="comment_middle">
									<div class="comment_left">
										<span>t***9<em>( 匿名 )</em></span>
										<i>2017-03-03</i>
									</div>
									<div class="comment_right">
										<p>用了好多天 感觉挺好的 小车很漂亮 不需安装 插上就能用很方便</br>
										      预报也及时 没罚单了解释挺详细的 很有耐心<span>颜色分类：黄色</span></p>
										<ul>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
											<li><img src="images/comments_1.jpg" alt=""></li>
										</ul>
									</div>	
								</li>
							</ul>
							<div class="page clear">
								<ul>
									<li><a href="#">上一页</a></li>
									<li><a href="#">1</a></li>
									<li><a href="#" class="on">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#">...</a></li>
									<li><a href="#">下一页</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="content_right">
					<div class="right_header">
						<ul>
							<li><span></span></li>
							<li><h4>相关产品</h4></li>
							<li><span></span></li>
						</ul>
					</div>
					<div class="right_body clear">
						<div class="box">		
							<ul >
								<li><a href="#"><img src="images/pro_right_1.jpg" alt=""></a><span><em>￥</em>899</span></li>
								<li><a href="#"><img src="images/pro_right_2.jpg" alt=""></a><span><em>￥</em>899</span></li>
								<li><a href="#"><img src="images/pro_right_3.jpg" alt=""></a><span><em>￥</em>899</span></li>
								<li><a href="#"><img src="images/pro_right_4.jpg" alt=""></a><span><em>￥</em>899</span></li>
							</ul>
						</div>
						<a href="javascript:;" class="prev">&lt;</a>
						<a href="javascript:;" class="next">&gt;</a>
					</div>					
				</div>
			</article>
			<div class="next_content clear">
				<h4>本店好商品评价</h4>
				<span></span>
				<div class="show_list center">
					<ul>
						<li>
							<a href="#"><img src="images/come_1.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_2.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_3.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_4.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_5.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_6.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_7.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_8.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_9.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
						<li>
							<a href="#"><img src="images/come_10.jpg"/></a>
			   				<p><a href="#">固定测速 流动测速超速行驶实时</a></p>
			   				<span><em>￥</em>1999</span> 
			   				<p><span>总销量：500</span><i>评价：100</i></p>
						</li>
					</ul>
				</div>
			</div>

		<footer class="footer clear">
			<div class="footer_top center">
				<ul>
					<li>
						<img src="images/good.png" />
						<div class="right">
							<h4>品质保障</h4>
							<p>品质护航 购物无忧</p>
						</div>
					</li>
					<li>
						<img src="images/seven.png" />
						<div class="right">
							<h4>7天无理由退货</h4>
							<p>为你提供售后无忧保障</p>
						</div>
					</li>
					<li>
						<img src="images/number.png" />
						<div class="right">
							<h4>15天免费换货</h4>
							<p>只要不满意 免费换货</p>
						</div>
					</li>
					<li>
						<img src="images/specile.png"/>
						<div class="right">
							<h4>特色服务体验</h4>
							<p>为你呈现不一样的服务</p>
						</div>
					</li>

					<li>
						<img src="images/phone.png" />
						<div class="right">
							<h4>售后电话</h4>
							<p>24h全国服务热线</p>
						</div>
					</li>
				</ul>
			</div>	
			<div class="footer_middle clear center">
				<div class="left">
					<dl>
						<dt>新手指南</dt>
						<dd><a href="#">宏恒后视镜</a></dd>
						<dd><a href="#">宏恒记录仪</a></dd>
						<dd><a href="#">宏恒电子狗</a></dd>
						<dd><a href="#">宏恒导航仪</a></dd>
						<dd><a href="#">周边配件</a></dd>
					</dl>
					<dl>
						<dt>服务下载</dt>
						<dd><a href="#">软件下载</a></dd>
						<dd><a href="#">地图升级</a></dd>
						<dd><a href="#">升级下载</a></dd>
						<dd><a href="#">轨迹查询</a></dd>
					</dl>
					<dl>
						<dt>关于宏恒</dt>
						<dd><a href="#">了解宏恒</a></dd>
						<dd><a href="#">宏恒故事</a></dd>
						<dd><a href="#">公司新闻</a></dd>
						<dd><a href="#">行业动态</a></dd>
						<dd><a href="#">联系我们</a></dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd><a href="#">售后流程</a>	</dd>
						<dd><a href="#">退换政策</a>	</dd>
						<dd><a href="#">免责条款</a>	</dd>
						<dd><a href="#">售后咨询</a>	</dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd><a href="#">购物指南</a>	</dd>
						<dd><a href="#">支付方式</a>	</dd>
						<dd><a href="#">订单状态</a>	</dd>
						<dd><a href="#">隐私保护</a>	</dd>	
					</dl>
				</div>
				<div class="right">
					<div class="picture">
						<img src="images/picture.jpg"/>
						<span>微信二维码</span>
					</div>
					<div class="server">
						<p>24小时全国服务热线</p>
						<p>400-666-8888</p>
						<button>在线服务</button>
					</div>
				</div>
			</div>
	
   			<div class="footer_bottom clear">
		    	<p>Copyright © 2003-2017 hongheng.COM 版权所有</p>
		        <p>客服邮箱: 20888888@qq.com ICP备案证书号:粤ICP备88888888号-8</p>
		        <ul class="bottom">
		        	<li><a href="#"><img src="images/bottom-1.jpg" /></a></li>
		        	<li><a href="#"><img src="images/bottom-2.jpg" /></a></li>
		        	<li><a href="#"><img src="images/bottom-3.jpg" /></a></li>
		        </ul>
    		</div>
    	</footer>